<!DOCTYPE html>
<html>
  <head>
    <title>#{get 'title' /}</title>
    <meta charset="${_response_encoding}">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/bootstrap.css'}">
    <!--link rel="stylesheet" media="screen" href="@{'/public/stylesheets/bootstrap.min.css'}"-->
    <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/ui-lightness/jquery-ui-1.8.17.custom.css'}">
    <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
    #{get 'moreStyles' /}
    <link rel="shortcut icon" type="image/png" href="@{'/public/images/icon_set_1_32x32/apps/password.png'}">
    <link rel="apple-touch-icon" href="@{'/public/images/icon_set_1_32x32/apps/password.png'}">
    <link rel="apple-touch-icon" sizes="72x72" href="@{'/public/images/icon_set_1_32x32/apps/password.png'}">
    <link rel="apple-touch-icon" sizes="114x114" href="@{'/public/images/icon_set_1_32x32/apps/password.png'}">

    <!--script src="@{'/public/javascripts/jquery-1.5.2.min.js'}" type="text/javascript" charset="utf-8"></script-->
    <script src="@{'/public/javascripts/jquery-1.7.1.min.js'}" type="text/javascript" charset="utf-8"></script>
    <script src="@{'/public/javascripts/jquery-ui-1.8.17.custom.min.js'}" type="text/javascript" charset="utf-8"></script>

    <script src="@{'/public/javascripts/bootstrap-modal.js'}"></script>
    <script src="@{'/public/javascripts/bootstrap-alerts.js'}"></script>
    <script src="@{'/public/javascripts/bootstrap-twipsy.js'}"></script>
    <script src="@{'/public/javascripts/bootstrap-popover.js'}"></script>
    <script src="@{'/public/javascripts/bootstrap-dropdown.js'}"></script>
    <!--script src="@{'/public/javascripts/bootstrap-scrollspy.js'}"></script-->
    <script src="@{'/public/javascripts/bootstrap-tabs.js'}"></script>
    <script src="@{'/public/javascripts/bootstrap-buttons.js'}"></script>

    <script src="@{'/public/javascripts/bootstrap-buttons.js'}"></script>

    <script src="@{'/public/javascripts/main.js'}" type="text/javascript" charset="utf-8"></script>
    #{get 'moreScripts' /}
  </head>
  <body>
    <div id="container">
      <div id="header">
        <div class="topbar">
          <div class="fill">
            <div class="container">
              <div class="brand" href="#">PIS</div>
              <ul class="tab">
                <li class="dropdown" data-dropdown="dropdown" >
                  <a href="#" class="dropdown-toggle">ลูกจ้าง</a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Secondary link</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Another link</a></li>
                  </ul>
                </li>
                <li class="dropdown" data-dropdown="dropdown" >
                  <a href="#" class="dropdown-toggle">Vehicle</a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Secondary link</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Another link</a></li>
                  </ul>
                </li>
                <li class="dropdown" data-dropdown="dropdown" >
                  <a href="#" class="dropdown-toggle">Tire</a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Secondary link</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Another link</a></li>
                  </ul>
                </li>
                <li class="dropdown" data-dropdown="dropdown" >
                  <a href="#" class="dropdown-toggle">Maintenance</a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Secondary link</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Another link</a></li>
                  </ul>
                </li>
                <li class="dropdown" data-dropdown="dropdown" >
                  <a href="#" class="dropdown-toggle">Purchasing</a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Secondary link</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Another link</a></li>
                  </ul>
                </li>
                <li class="dropdown" data-dropdown="dropdown" >
                  <a href="#" class="dropdown-toggle">ระบบคงคลัง</a>
                  <ul class="dropdown-menu">
                    <li><a href="@{transaction.Inventory.manageLocation}">บันทึกสถานที่จัดเก็บ</a></li>
                    <li><a href="#">Secondary link</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Another link</a></li>
                  </ul>
                </li>
                <li class="dropdown" data-dropdown="dropdown" >
                  <a href="#" class="dropdown-toggle">Operation</a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Secondary link</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Another link</a></li>
                  </ul>
                </li>
                <li class="dropdown" data-dropdown="dropdown" >
                  <a href="#" class="dropdown-toggle">Billing</a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Secondary link</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Another link</a></li>
                  </ul>
                </li>
                <li class="dropdown" data-dropdown="dropdown" >
                  <a href="#" class="dropdown-toggle">Payroll</a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Secondary link</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Another link</a></li>
                  </ul>
                </li>
                <li class="dropdown" data-dropdown="dropdown" >
                  <a href="#" class="dropdown-toggle">Safety</a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Secondary link</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Another link</a></li>
                  </ul>
                </li>
              </ul>            

              #{if user?.id  }
              <div id="menuUser"  class="pull-right" >
                <ul class="tab">
                  <li class="dropdown" data-dropdown="dropdown" >
                    <a href="#" class="dropdown-toggle">
                      <img style="width: 16px; height: 16px;" src="@{'/public/images/icon_set_1_32x32/actions/identity.png'}">
                      !{user.username}</a>
                    <ul class="dropdown-menu">
                      <li><a href="#">My Account</a></li>
                      <li class="divider"></li>
                      <li><a href="#">Logout</a></li>
                    </ul>
                  </li>
                </ul>
              </div>
              #{/if}
              #{else}
              <div id="formSignIn">
                <form action="" class="pull-right">
                  <input class="input-small" type="text" placeholder="Username">
                  <input class="input-small" type="password" placeholder="Password">
                  <button id="btnSignIn" class="btn success" >Sign in</button>
                </form>
              </div>
              #{/else}
            </div>
          </div>
        </div>
        <div class="msgbar">
          <!--<<div class="msgbar-modulename">
            บันทึกสถานที่จัดเก็บ
          </div>
          div class="msgbar-display" >
            <div class="msgbar-img-left">
              <img src="@{'/public/images/icon_set_1_32x32/actions/edit_add.png'}" >
              <img src="@{'/public/images/icon_set_1_32x32/actions/signature.png'}" >
              <img src="@{'/public/images/icon_set_1_32x32/actions/edit_remove.png'}" >
            </div>
            <div class="msgbar-textbox alert-message danger">
              Info, Warning, Error Message
            </div>
            <div class="msgbar-img-right">
              <img src="@{'/public/images/icon_set_1_32x32/actions/apply.png'}" >
              <img src="@{'/public/images/icon_set_1_32x32/actions/cancel.png'}" >
            </div>
          </div>-->
        </div>
      </div>

      <div id="content">
        #{if flash.error}
        <p class="fError">
          <strong>${flash.error}</strong>
        </p>
        #{/if}
        #{if flash.success}
        <p class="fSuccess">
          <strong>${flash.success}</strong>
        </p>
        #{/if}

        <div style="width:100%;height:60%;overflow:auto;">
        #{doLayout /}
        </div>
        
      </div>

      <div id="footer" >
        Peungluang Intelligent System
      </div>
    </div>

  </body>
</html>
